<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="“净享优睡眠”促销活动"/>
<meta name="description" content="“净享优睡眠”促销活动"/>
<meta name="viewport" content="target-densitydpi=device-dpi, width=750,viewport-fit=cover, user-scalable=no" id="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta name="format-detection" content="telephone=no" />
<title>“净享优睡眠”促销活动</title>
<script>
    // 这段代码是必须的，让头部能根据手机宽度变化而缩放
    // 而且必须放在 <head> 中，先于样式加载
    (function (doc, win) {
      var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function () {
          var clientWidth = docEl.clientWidth;
          if (!clientWidth) return;
          docEl.style.fontSize = (clientWidth / 1000) * 100+ 'px';
        };
      if (!doc.addEventListener) return;
      win.addEventListener(resizeEvt, recalc, false);
      doc.addEventListener('DOMContentLoaded', recalc, false);

      recalc();
    })(document, window);

  </script>
<link rel="stylesheet" type="text/css" href="./css/swiper.min.css" />
<link rel="stylesheet" type="text/css" href="./css/style.rem.css" />
<link rel="stylesheet" type="text/css" href="./css/layer.css" />

<script>
	(function(){
		document.getElementById('viewport').content = 'width=750,user-scalable=no,target-densitydpi=' +
		(750 / parseInt(window.screen.width) * window.devicePixelRatio * 160);
	}());
</script>
<script>
	function getType(){
		if(navigator.userAgent.indexOf("iPad") != -1) {
			loadCss("css/style2.css");
		}
	}
	function loadCss( url ) {
		var link = document.createElement( "link" );
		link.type = "text/css";
		link.rel = "stylesheet";
		link.href = url;
		document.getElementsByTagName("head")[0].appendChild(link);
	};
	getType();
</script>
</head>
<body id="container">
<!-- preload list -->
<div id="preload-list" class="hide">
	<img data-src="images/haze_home_bg.png" />
	<img data-src="images/haze_machine.png" />
	<img data-src="images/haze_title.png" />
	<img data-src="images/btn_bule_normal.png" />
	<img data-src="images/btn_red_normal.png" />
	<img data-src="images/btn_red_over.png" />
	<img data-src="images/btn_red_abnormal.png" />
	<img data-src="images/haze_close.png" />
	<!--<img data-src="images/btn_bule_normal.png" />
	<img data-src="images/btn_bule_over.png" />
	<img data-src="images/haze_good_prize.png" />
	<img data-src="images/haze_win_title.png" />
	<img data-src="images/haze_share_prize_bg.png" />
	<img data-src="images/haze_myprize_empty.png" />-->
</div>
<!-- loading -->
<!-- <section id="loading">
	<div class="loader"><div class="loader-in"></div></div>
	<div class="percent">已加载 <span>0</span> %</div>
</section> -->
<!-- 主体 -->
<div id="wrapper">
	<div class="swiper-container" id="o-c">
		<div class="swiper-wrapper">
			<!-- 首页 -->
			<div class="swiper-slide index-bg">
				<!-- 首页活动结束 -->
				<div class="active_over" style="display:none">
					<div class="over-infor">
						<div class="over-logo"></div>
						<p class="over-title">活动已结束</p>
						<p class="over-explan">请随时关注公众号的最消息喔~</p>
						<div class="my-prize-btn">查看我的奖品</div>
					</div>
				</div>
				<div class="index" >
					<div class="logo"></div>
					<div class="theme"></div>
					<!-- 机身 -->
					<div class="machine">
						<!-- 获奖名单 -->
						<div class="winners-list" id="scroll">
							<ul id="scrollList">
							</ul>
						</div>
						<!-- game -->
						<div class="game">
							<ul>
								<li class="tiger_machine_prize"></li>
								<li class="tiger_machine_prize"></li>
								<li class="tiger_machine_prize"></li>
							</ul>
							<!--<div class="game-mask"></div>-->
							<div class="game-btn-tips">
									<span class="">您有</span>
									<span class="chance"></span>
									<span class="">次抽奖机会</span>
							</div>
							<div class="game-btn ">抽奖
								<!--<div class="hand commbg"></div>-->
							</div>
							<div class="game_login ">登录
							</div>
						</div>
					</div>
					<!-- rule-btn -->
					<div class="rule-btn">活动规则</div>
					<!-- prize-btn -->
					<div class="prize-btn">我的奖品</div>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- 生成分享抽奖图片 -->
<div class="wrapper_img show_img tiger_machine_background">
	<div id="qrcode" style="display:none"></div>
	<div class="img">
		<img src="">
		<div style="width:100%;height:200px"></div>
	</div>
	<div class="top-128">
		<div class="img_box">
			<div class="main">
				<div class="share_logo"></div>
				<div class="share_theme"></div>
				<div class="share_good_box">
					<!--http://activity-test.infinitus.com.cn/dev_nx_nx_47ab184e-22e3-b38254bc/static/images/haze_prize_1.png-->
					<img src="" class="share_good_image" alt="">
					<p class="prize_what_good"> <span class="prize-good-name"></span>1<b class="lc" style=" font-weight: normal"></b></p>
					<div class="share_good_infor">
						<p class="prize_who">我<span class="award_name"></span>抽中了 <span class="what-awards what_award_name"></span> ，</p>
						<p class="prize_who">您也来试试吧 ~</p>
					</div>
					<div class="share_good_code">
						<img src=""  class="share_srcode">
						<div class="code_name">扫码参与活动</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="footer">
		<div class="footer_title">长按上图, 保存图片到相册</div>
		<div class="go-back">返回</div>
	</div>
</div>


<!-- 选择地址 -->
<div class="pop_addr">
	<div class="pop_addr_box search-shop">
		<!--<div class="pop-title commbg">请选择领奖点</div>-->
		<form action="">
			<div class="search">
				<div class="select-wrap">
					<select name=""  id="province"></select>
				</div>
				<div class="select-wrap">
					<select name="" id="city"></select>
				</div>
				<div class="select-wrap">
					<select name="" id="county"></select>
				</div>
				<div class="select-wrap">
					<select name="" id="area"></select>
				</div>
				<div class="search_btn save_addr">确定</div>
			</div>
		</form>
	</div>
</div>
<!-- pop -->
<div class="pop">
	<!-- 有奖品 -->
	<div class="pop-box get-prize">
		<div class="prize-title">中奖啦 !</div>
		<div class="get-prize-content">
			<div class="get-prize-title">
				<img src="" alt="">
				<p class="con-title">恭喜您中了<span class="what-awards"></span>!</p>
				<p class="get-what">
					<span>喜获</span> <span class="prize-good-name"></span>1<b class="lc" style=" font-weight: normal"></b>~
				</p>
			</div>
		</div>
		<div class="btn-wrap">
			<!--<div class="btn commbg confirm2"></div> data-prizeid="0"-->
			<div class="price-btn my-address" >马上填写地址</div>
			<div class="price-btn my-prize">查看我的奖品</div>
			<div class="price-btn share-myfriend">告诉我的小伙伴</div>
		</div>
		<div class="close closeAll"></div>
	</div>

	<!-- rule 活动规则-->
	<div class="pop-box rule">
		<div class="pop-title">活动规则</div>
		<div class="rule-content">
			<div class="rule-scorll">
				<p style="line-height:1.5">1、抽奖时间：2018年11月1日14:00 - 2019年1月15日23:59</p>
				<p>2、参与规则：</p>
				<p style="line-height:1.5">凡在活动期间（2018年11月1日14:00 – 12月31日23:59）购买净享优睡眠组合（组合代码91000061）并回单，每卡每月首单获得一次抽奖资格，100%中奖！活动期间最多可获2次抽奖资格，抽奖机会可在抽奖有效期内使用，请在2019年1月15日23:59前进行抽奖。</p>
				<div>3、奖品内容：</div>
				<div class="table">
					<div class="table-row">
						<div class="table-cell">一等奖</div>
						<div class="table-cell">享优乐空气净化器 1台</div>
						<div class="table-cell">10台</div>
					</div>
					<div class="table-row">
						<div class="table-cell">二等奖</div>
						<div class="table-cell">享优乐净水器 1台</div>
						<div class="table-cell">15台</div>
					</div>
					<div class="table-row">
						<div class="table-cell">三等奖</div>
						<div class="table-cell">HEPA滤网 1盒</div>
						<div class="table-cell">2000盒</div>
					</div>
					<div class="table-row">
						<div class="table-cell">四等奖</div>
						<div class="table-cell">气味滤网 1盒</div>
						<div class="table-cell">3000盒</div>
					</div>
					<div class="table-row">
						<div class="table-cell">五等奖</div>
						<div class="table-cell">密集修护精华体验装 1套</div>
						<div class="table-cell">不限量</div>
					</div>
				</div>
			</div>
		</div>
		<div class="close closeAll"></div>
	</div>

	<!-- price我的奖品 -->
	<div class="pop-box price">
		<div class="pop-title">我的奖品</div>
		<div class="price-content">
			<div class="price-scorll">
				<div class="no-prize" style="display:block">
					<div class="no-prize-box">
						<div class="no-prize-img"></div>
						<p>空空如也~~</p>
					</div>
				</div>
				<div class="get_prize" >
				</div>
			</div>
		</div>
		<div class="close closeAll"></div>
	</div>

	<!-- sign-now 填写配送地址 -->
	<div class="pop-box shopping-address ">
		<div class="pop-title">填写配送地址</div>
		<div class="shopping-address-content">
			<div class="input_infor">
				<p>
					<span>*</span>收货人:<span class="input_box"><input class="consignee" type="text" name="name" placeholder="请输入收货人姓名"></input></span>
				</p>
				<div class="clear_value clear_con" style="display:none"></div>
			</div>
			<div class="input_infor">
				<p>
					<span>*</span>手机号:<span class="input_box"><input class="tel" type="number" min="0" inputmode="numeric" pattern="[0-9]*" title="Non-negative integral number"  placeholder="请输入手机号码" oninput='if(value.length>11)value=value.slice(0,11)'></input></span>
				</p>
				<div class="clear_value clear_tel" style="display:none"></div>
			</div>
			<div class="input_infor">
				<p>
					<span>*</span>身份证:<span class="input_box"><input class="idnumber" type="text" placeholder="请输入身份证号码" oninput='if(value.length>18)value=value.slice(0,18)'></input></span>
				</p>
				<div class="clear_value clear_id" style="display:none"></div>
			</div>
			<div class="input_infor">
				<div class="select_box">
					<p>
						<span>*</span>地&nbsp;&nbsp;&nbsp;区:
					</p>
					<div class="select_area">
						<form>
							<div style="position: relative;">
								<!-- container style="display:none" -->
								<!-- <input class="choose_area_show" readonly type="text" placeholder="点击选择省/市/区县/镇"> -->
								<span class="choose_area" >请选择所在区域</span>
							</div>
						</form>
						<div class="moreicon"></div>
					</div>
				</div>
			</div>
			<div class="input_infor">
				<p>
					<span>*</span>地&nbsp;&nbsp;&nbsp;址:<span class="input_box"><input class="address_detail" type="text"  placeholder="请输入详细地址"></input></span>
				</p>
				<div class="clear_value clear_addr" style="display:none"></div>
			</div>
			<div class="btn_infor">
				<p>温馨提示: 地址信息提交后, 将不能再更改</p>
				<div class="submit_addr">提交</div>
			</div>
		</div>
		<div class="close closeAll"></div>
	</div>
</div>
<div class="erro_tips center"></div>
<!-- 横屏提示 -->
<div id="landscape_wrap">
  <p>推荐使用竖屏浏览喔~</p>
</div>
<div id="landscape_wrap_wx">
	<p>请使用微信浏览喔~</p>
</div>
<div id="landscape_wrap_phone">
	<p>请使用手机浏览喔~</p>
</div>
<div id="landscape_wrap_mobile">
	<p>请使用移动版微信浏览器浏览喔~</p>
</div>

<script src="./js/jquery.js"></script>
<script src="./js/swiper.min.js"></script>
<script src="./js//html2canvas.min.js"></script>
<script src="./js/jquery.qrcode.min.js"></script>
<script src="./js/nest_cloud.js"></script>
<!-- <script src="./js/sugoio.js"></script> -->
<script src="./js/url.js?v.001"></script>
<script src="./js/layer.m.js"></script>
<script src="./js/jweixin-1.2.0.js"></script>
<script src="./js/easing.js"></script>
<script src="./js/md5.js"></script>
<script src="./js/index.js?v.004"></script>



<style>
	.layermchild h3 {
		height: 1rem;
		line-height: 1rem;
		font-size:26px;
	}

	.layermcont {
		padding: 0.3rem 0.3rem;
	}

	.pwd {
		height: 1rem;
		margin-bottom: 0.5rem;
	}

	.pwd input {
		height: 1rem;
		line-height: 1rem;
		font-size: 0.5rem;
		margin: 0rem auto;
	}

	.layermcont .button {
		height: 1rem;
		line-height: 1rem;
		font-size: 0.5rem;
	}

	.layermchild {
		font-size: 0.48rem;
	}

	.layermcont {
		line-height: 1.6rem;
	}

	.layermcont .button {
		font-size: 20px;
	}
	.layermcont .zjnotice {
		line-height: 0.5rem;
	}
	
</style>

</body>
</html>